import React, {Fragment} from 'react';

export default ({width, height, color, padding, margin}) => (
  <Fragment>
    <svg
      height={height}
      width={width}
      fill={color}
      style={{padding, margin}}
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      viewBox="818.476 592.083 34.524 57.917"
      className="toggleTouchIcon"
    >
      <defs>
        <clipPath id="_clipPath_inAKUGi0XXoKqouCz03bzTlih31devFu">
          <rect x="818.476" y="592.083" width="34.524" height="57.917" />
        </clipPath>
      </defs>
      <g clipPath="url(#_clipPath_inAKUGi0XXoKqouCz03bzTlih31devFu)">
        <path d=" M 831 603 C 830.062 603 829.117 603.313 828.344 603.969 C 827.488 604.704 826.997 605.778 827 606.906 L 827 628.438 C 826.559 628.598 826.156 628.645 825.344 629.344 C 824.168 630.359 823 632.184 823 634.906 C 823 636.879 823.785 638.684 824.094 639.406 L 824.094 639.438 L 826.906 645.031 C 826.91 645.039 826.902 645.055 826.906 645.063 C 828.383 648.105 831.539 650 834.906 650 L 844 650 C 848.945 650 853 645.945 853 641 L 853 625 C 853 624.18 852.871 623.05 852.312 622 C 851.754 620.95 850.598 620 849 620 C 847.906 620 847.094 620.375 846.437 620.875 C 846.328 620.575 846.273 620.238 846.125 619.969 C 845.504 618.848 844.367 618 843 618 C 842.026 617.99 841.082 618.334 840.344 618.969 C 839.68 617.87 838.559 617 837 617 C 836.219 617 835.574 617.246 835 617.594 L 835 607 C 835 605.734 834.46 604.676 833.687 604 C 832.914 603.324 831.937 603 831 603 Z  M 831 605 C 831.46 605 832 605.176 832.375 605.5 C 832.75 605.824 833 606.266 833 607 L 833 623.97 L 835 624.011 L 835 621 C 835 620.125 835.66 619 837 619 C 838.34 619 839 620.125 839 621 L 839 624 C 839.008 624.546 839.454 624.985 840 624.984 C 840.546 624.985 840.992 624.546 841 624 C 841 623.465 841.133 620.934 841.406 620.594 C 841.68 620.254 842.082 620 843 620 C 843.633 620 843.996 620.258 844.375 620.938 C 844.754 621.618 845 623.718 845 625 L 847 625 C 847 624.418 847.105 622.91 847.344 622.594 C 847.582 622.277 847.964 622 849 622 C 849.902 622 850.246 622.34 850.563 622.938 C 850.879 623.535 851 624.418 851 625 L 851 641 C 851 644.855 847.855 648 844 648 L 834.906 648 C 832.286 648 829.816 646.5 828.688 644.156 L 825.906 638.594 C 825.902 638.586 825.91 638.57 825.906 638.562 C 825.613 637.875 825 636.32 825 634.906 C 825 632.726 825.832 631.586 826.656 630.875 C 827.48 630.165 828.25 629.969 828.25 629.969 C 828.692 629.855 829 629.456 829 629 L 829 606.906 C 829 606.238 829.25 605.82 829.625 605.5 C 830 605.18 830.539 605 831 605 Z " />
        <g>
          <path
            d=" M 827.085 614.357 C 822.602 612.776 819.584 608.311 820.017 603.358 C 820.532 597.471 825.73 593.11 831.617 593.625 C 837.504 594.14 841.866 599.337 841.351 605.225 C 840.969 609.586 838.018 613.109 834.108 614.403"
            fill="none"
            vectorEffect="non-scaling-stroke"
            strokeWidth="1"
            stroke={color}
            strokeLinejoin="miter"
            strokeLinecap="square"
            strokeMiterlimit="3"
          />
          <path
            d=" M 827.56 608.924 C 825.937 607.822 824.939 605.897 825.122 603.805 C 825.391 600.735 828.101 598.461 831.17 598.73 C 834.24 598.998 836.514 601.708 836.245 604.778 C 836.127 606.132 835.534 607.331 834.648 608.229"
            fill="none"
            vectorEffect="non-scaling-stroke"
            strokeWidth="1"
            stroke={color}
            strokeLinejoin="miter"
            strokeLinecap="square"
            strokeMiterlimit="3"
          />
        </g>
      </g>
    </svg>
  </Fragment>
);
